export const code = `<script setup>
    import { code } from './code/case6.js';
    import * as echarts from 'echarts';
    import { onMounted } from 'vue';
    onMounted(() => {
        // 基于准备好的dom，初始化echarts实例
        const dom = document.getElementById('line-case-6');
        const myChart = echarts.init(dom, 'dark', { renderer: 'svg' });

        // 绘制图表
        /** @type {echarts.EChartsOption} */
        const option = {
            title: { text: '区域面积图' },
            tooltip: {},
            xAxis: {
                type: 'category',
                data: ['1月', '2月', '3月', '4月', '5月', '6月'],
            },
            yAxis: { type: 'value' },
            series: [
                // 系列1
                {
                    name: '衬衫的销量',
                    type: 'line',
                    data: [5, 20, 36, 10, 10, 20],
                    // ★★★区域面积图将折线到坐标轴的空间设置背景色，用区域面积表达数据。
                    areaStyle: {},
                },
                // 系列2
                {
                    name: '羊毛衫的销量',
                    type: 'line',
                    data: [15, 10, 16, 30, 20, 40],
                    // ★★★区域面积图将折线到坐标轴的空间设置背景色，用区域面积表达数据。
                    areaStyle: {},
                },
            ],
        };
        myChart.setOption(option);
    });
</script>`;
